// let xhr=new XMLHttpRequest();
// xhr.open("get","http://chst.vip:1234/api/getindexmen")
// xhr.send(null)
// xhr.onreadyatatechange=function(){
//     if(xhr.status===200 && xhr.readyState===4){
//         let res=xhr.responseText;
//         res=JSON.parse(res);
//         res.result.forEash(item=>{
//             let li=document.createElement('li')
//             li.innerHTML=item.indexmenuId;
//             product.appendChild(li)
//         })
//     }
// }

// $(function(){
//     console.log(document.getElementById('product'));  //商品展示
//     console.log(document.getElementById('header'));   //头部
// })
// $.ajax({
//     url:"http://chst.vip:1234/api/getindexmenu",
//     type:"get",
//     function(data){

//     }
// })



(function () {
    //封装一个方法,叫做render,复用这个函数可以将数据 转变成结构 并且添加到页面上
    let newData = [];//这个数组是用来和原来的数据进行合并,实现追加的效果
    let indexmenuId = 1;//产品的id
    function render(data = []) {
        newData = [...newData, ...data]
        console.log(newData);
        let html = "" //这个变量用于保存循环创建出来的结构字符串
        $.ajax({
            url: "http://chst.vip:1234/api/getindexmenu",
            data: {
                indexmenuId
            }
        })
            .then(res => {
                var arr = item.img.split('"');
                arr[1] = "../assets/" + arr[1];
                arr = arr.join('"');
                render(res.result)
                //循环数据 创建结构
            })
    
        newData.result().forEach(item => {
            html += `
            <div class="col-xs-3">
            <a href="${item.titlehref}">
            ${arr}
            <p class="in_name">${item.name}</p>
            </a>
            
        </div>
        `
        })

        $("#info").html(html)
    }

    
})()










